Node / ReticulumProjects / MeshChatX.git / files / meshchatx / src / frontend / components / forms / Toggle.vue

Displaying Raw • Download

T8b949e<!-- SPDX-License-Identifier: 0BSD -->

Tb4b4b4<Tff7b72templateTb4b4b4>

Tb4b4b4<Tff7b72label

Tb4b4b4:Te6edf3forTff7b72=Ta5d6ff"Te6edf3idTa5d6ff"

Te6edf3classTff7b72=Ta5d6ff"relative inline-flex w-auto shrink-0 items-center gap-3"

Tb4b4b4:Te6edf3classTff7b72=Ta5d6ff"Te6edf3disabled Tff7b72? Ta5d6ff'opacity-50 cursor-not-allowed' Tff7b72: Ta5d6ff'cursor-pointer'Ta5d6ff"

Tb4b4b4>

Tb4b4b4<Tff7b72input

Tb4b4b4:Te6edf3idTff7b72=Ta5d6ff"Te6edf3idTa5d6ff"

Te6edf3typeTff7b72=Ta5d6ff"checkbox"

Tb4b4b4:Te6edf3checkedTff7b72=Ta5d6ff"Te6edf3modelValueTa5d6ff"

Tb4b4b4:Te6edf3disabledTff7b72=Ta5d6ff"Te6edf3disabledTa5d6ff"

Te6edf3classTff7b72=Ta5d6ff"sr-only peer"

Tb4b4b4@Te6edf3changeTff7b72=Ta5d6ff"Tff7b72!Te6edf3disabled Tff7b72&& Te6edf3$emitTb4b4b4(Ta5d6ff'update:modelValue'Tb4b4b4, Te6edf3$eventTb4b4b4.Te6edf3targetTb4b4b4.Te6edf3checkedTb4b4b4)Ta5d6ff"

Tb4b4b4/Tb4b4b4>

Tb4b4b4<Tff7b72div

Te6edf3classTff7b72=Ta5d6ff"relative h-6 w-11 shrink-0 bg-gray-200 peer-focus:outline-none peer-focus:ring-4 peer-focus:ring-blue-300 dark:peer-focus:ring-blue-800 rounded-full peer dark:bg-zinc-700 peer-checked:after:translate-x-full peer-checked:after:border-white after:content-[''] after:absolute after:top-[2px] after:left-[2px] after:bg-white after:border-gray-300 after:border after:rounded-full after:h-5 after:w-5 after:transition-all dark:border-gray-600 peer-checked:bg-blue-600 dark:peer-checked:bg-blue-600"

Tb4b4b4>Tb4b4b4<Tb4b4b4/Tff7b72divTb4b4b4>

Tb4b4b4<Tff7b72span Te6edf3v-ifTff7b72=Ta5d6ff"Te6edf3labelTa5d6ff" Te6edf3classTff7b72=Ta5d6ff"min-w-0 text-sm font-medium leading-snug text-gray-900 dark:text-gray-300"Tb4b4b4>Tff7b72{{

Te6edf3label

Tff7b72}}Tb4b4b4<Tb4b4b4/Tff7b72spanTb4b4b4>

Tb4b4b4<Tb4b4b4/Tff7b72labelTb4b4b4>

Tb4b4b4<Tb4b4b4/Tff7b72templateTb4b4b4>

Tb4b4b4<Tff7b72scriptTb4b4b4>

Tff7b72export Tff7b72default Tb4b4b4{

Te6edf3nameTff7b72: Ta5d6ff"Toggle"Tb4b4b4,

Te6edf3propsTff7b72: Tb4b4b4{

Te6edf3idTff7b72: Tb4b4b4{

Te6edf3typeTff7b72: Tffa657StringTb4b4b4,

Tff7b72defaultTff7b72: Tff7b72nullTb4b4b4,

Tb4b4b4}Tb4b4b4,

Te6edf3modelValueTff7b72: Tb4b4b4{

Te6edf3typeTff7b72: Tffa657BooleanTb4b4b4,

Tff7b72defaultTff7b72: Tff7b72falseTb4b4b4,

Tb4b4b4}Tb4b4b4,

Te6edf3labelTff7b72: Tb4b4b4{

Te6edf3typeTff7b72: Tffa657StringTb4b4b4,

Tff7b72defaultTff7b72: Tff7b72nullTb4b4b4,

Tb4b4b4}Tb4b4b4,

Te6edf3disabledTff7b72: Tb4b4b4{

Te6edf3typeTff7b72: Tffa657BooleanTb4b4b4,

Tff7b72defaultTff7b72: Tff7b72falseTb4b4b4,

Tb4b4b4}Tb4b4b4,

Tb4b4b4}Tb4b4b4,

Te6edf3emitsTff7b72: Tb4b4b4[Ta5d6ff"update:modelValue"Tb4b4b4]Tb4b4b4,

Tb4b4b4}Tb4b4b4;

Tb4b4b4<Tb4b4b4/Tff7b72scriptTb4b4b4>